<template>
  <div>
    <ul>
      <li v-for="(val, i) in list" :key="i">{{ val.HotPositionName }}</li>
    </ul>
    <ul>
      <li v-for="(val, i) in list1" :key="i">{{ val.id }}</li>
    </ul>
  </div>
</template>
<script>
import { getcylistdatail } from "@/api/index.js";
export default {
  name: "listinfo",
  data() {
    return {
      msg: "列表组件",
      list: [],
      list1: [],
    };
  },
  created() {
    getcylistdatail("01").then((res) => {
      this.list = res.data.data;
      this.list1 = res.data.data;
    });
  },
  beforeUpdate() {
    getcylistdatail(this.$route.params.id).then((res) => {
      this.list = res.data.data;
      this.list1 = res.data.data;
      //  console.log(res.data.data)
    });
  },
};
</script>
<style lang="less" scroped>
* {
  padding: 0;
  margin: 0;
}
ul {
  color: #8d92a1;
  display: flex;
  flex-wrap: wrap;

  li {
    list-style: none;
    margin-right: 20px;
  }
}
</style>